::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background-color:transparent;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius:2em;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(147,147,153,0.8);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius:2em;
}

/*c1-9 变量定义不能有数字1-9改成abcdefg*/
body{
    --c-a:#418acf;/*c1*/
    --c-b:#72a14e;/*c2*/
    --c-c:#f4e142;/*c3*/

    --c-aa:#727270;/*c11*/
    --c-ab:#c3cad2;/*c12*/
    --c-ac:#eeeff3;/*c13*/
}
a{
    color: #418acf;
}

/*****************************start**************************/
.white{color: #FFF;}
.black{color: #111;}
.red{color: #CC2222;}
.c0{color: #111;}
.cf{color: #EFEFEF;}
.bc0{background-color: #000000;}
.bcf{background-color: #FFFFFF;}

.c1{color: #418acf;}/*用户界面插画，文字加深*/
.c2{color: #72a14e;}/*顶部导航*/
.c3{color: #f4e142;}/*用户界面插画，普通文字*/

.c11{color: #191919;}
.c12{color: #9f9f9f;}
.c13{color:#f5f5f5;}

.bc1{ background-color: #418acf;}
.bc2{ background-color: #72a14e;}
.bc3{ background-color:#f4e142;}

.bc11{ background-color: #191919;}
.bc12{ background-color: #9f9f9f;}
.bc13{ background-color:#f5f5f5;}

.bca001{background-color: rgba(0,0,0,0.01);}
.bca002{background-color: rgba(0,0,0,0.02);}
.bca003{background-color: rgba(0,0,0,0.03);}
.bca004{background-color: rgba(0,0,0,0.04);}
.bca005{background-color: rgba(0,0,0,0.05);}
.bca006{background-color: rgba(0,0,0,0.06);}
.bca007{background-color: rgba(0,0,0,0.07);}
.bca008{background-color: rgba(0,0,0,0.08);}
.bca009{background-color: rgba(0,0,0,0.09);}
.bca01{background-color: rgba(0,0,0,0.1);}
.bca02{background-color: rgba(0,0,0,0.2);}
.bca03{background-color: rgba(0,0,0,0.3);}
.bca04{background-color: rgba(0,0,0,0.4);}
.bca05{background-color: rgba(0,0,0,0.5);}
.bca06{background-color: rgba(0,0,0,0.6);}
.bca07{background-color: rgba(0,0,0,0.7);}
.bca08{background-color: rgba(0,0,0,0.8);}
.bca09{background-color: rgba(0,0,0,0.9);}

.bcaf1{background-color: rgba(255,255,255,0.1);}
.bcaf2{background-color: rgba(255,255,255,0.2);}
.bcaf3{background-color: rgba(255,255,255,0.3);}
.bcaf4{background-color: rgba(255,255,255,0.4);}
.bcaf5{background-color: rgba(255,255,255,0.5);}
.bcaf6{background-color: rgba(255,255,255,0.6);}
.bcaf7{background-color: rgba(255,255,255,0.7);}
.bcaf8{background-color: rgba(255,255,255,0.8);}
.bcaf9{background-color: rgba(255,255,255,0.9);}

.bdcf{border-color: #FFFFFF!important;}
.bdc0{border-color: #000000!important;}
.bdc1{border-color: #418acf!important;}
.bdc2{border-color: #72a14e!important;}
.bdc3{border-color: #f4e142!important;}
.bdc11{border-color: #191919!important;}
.bdc12{border-color: #9f9f9f!important;}
.bdc13{border-color: #f5f5f5!important;}
/*****************************end**************************/


.c00{color:#2196f3}
.c01{color:#66c488}
.c02{color:#ff7947}
.c03{color:#f3c142}
.c04{color:#638be8}
.c05{color:#67c2cd}
.c06{color:#93d282}
.c07{color:#eb6d7e}

.bc00{background-color:#2196f3}
.bc01{background-color:#66c488}
.bc02{background-color:#ff7947}
.bc03{background-color:#f3c142}
.bc04{background-color:#638be8}
.bc05{background-color:#67c2cd}
.bc06{background-color:#93d282}
.bc07{background-color:#eb6d7e}

.bdc00{border-color:#2196f3!important}
.bdc01{border-color:#66c488!important}
.bdc02{border-color:#ff7947!important}
.bdc03{border-color:#f3c142!important}
.bdc04{border-color:#638be8!important}
.bdc05{border-color:#67c2cd!important}
.bdc06{border-color:#93d282!important}
.bdc07{border-color:#eb6d7e!important}



::-webkit-input-placeholder{
    color:#191919;
    font-size: 0.85rem;
}

.jb01{background-image: linear-gradient(160deg, #ffce00 20%,#ff8b00 80%);}
.jb02{background-image: linear-gradient(160deg, #81fbb8 20%,#28c76f 80%);}
.jb03{background-image: linear-gradient(160deg, #90f7ec 20%,#32ccbc 80%);}
.jb04{background-image: linear-gradient(160deg, #3c8ce7 20%,#00eaff 80%);}
.jb05{background-image: linear-gradient(160deg, #feb692 20%,#ea5455 80%);}
.jb06{background-image: linear-gradient(160deg, #abdcff 20%,#0396ff 80%);}
.jb06{background-image: linear-gradient(160deg, #fdeb71 20%,#f8d800 80%);}

.color1{background: rgb(255, 0, 0);}
.color2{background: rgb(0, 153, 255);}
.color3{background: rgb(255, 153, 51);}
.color4{background: rgb(51, 102, 204);}
.color5{background: rgb(255, 51, 204);}
.color6{background: rgb(255, 102, 51);}
.color7{background: rgb(255, 102, 255);}
.color8{background: rgb(51, 153, 51);}
.color9{background: rgb(255, 0, 51);}
.color10{background: rgb(0, 204, 102);}

.shadow1{box-shadow: 0 0 3px rgba(0,0,0,0.3);}
.shadow2{box-shadow: 1px 1px 6px rgba(0,0,0,0.6);}
.shadow3{box-shadow: 1px 1px 12px rgba(0,0,0,0.6);}
.shadow4{box-shadow: 1px 1px 24px rgba(0,0,0,0.6);}
.shadow5{box-shadow: 1px 1px 48px rgba(0,0,0,0.6);}

/*透明度相关*/
/*****************************start**************************/
.op0{opacity: 0;}
.op1{opacity: 0.1;}
.op2{opacity: 0.2;}
.op3{opacity: 0.3;}
.op4{opacity: 0.4;}
.op5{opacity: 0.5;}
.op6{opacity: 0.6;}
.op7{opacity: 0.7;}
.op8{opacity: 0.8;}
.op9{opacity: 0.9;}
/*****************************end****************************/

/*边框相关*/
/*****************************start**************************/
.bdso{border:0.091rem solid #EEE}
.bddo{border:0.091rem dotted #EEE}
.bdda{border:0.091rem dashed #EEE}

.bdtso{border-top:0.091rem solid #EEE}
.bdtdo{border-top:0.091rem dotted #EEE}
.bdtda{border-top:0.091rem dashed #EEE}

.bdbso{border-bottom:0.091rem solid #EEE}
.bdbdo{border-bottom:0.091rem dotted #EEE}
.bdbda{border-bottom:0.091rem dashed #EEE}

.bdlso{border-left:0.091rem solid #EEE}
.bdldo{border-left:0.091rem dotted #EEE}
.bdlda{border-left:0.091rem dashed #EEE}

.bdrso{border-right:0.091rem solid #EEE}
.bdrdo{border-right:0.091rem dotted #EEE}
.bdrda{border-right:0.091rem dashed #EEE}

.bdw1{border-width: 0.06rem!important;}
.bdw2{border-width: 0.12rem!important;}
.bdw3{border-width: 0.18rem!important;}
.bdw4{border-width: 0.24rem!important;}
.bdw5{border-width: 0.30rem!important;}
.bdw6{border-width: 0.36rem!important;}
.bdw7{border-width: 0.42rem!important;}
.bdw8{border-width: 0.48rem!important;}
.bdw9{border-width: 0.54rem!important;}
.bdw10{border-width: 0.6rem!important;}
.bdw15{border-width: 0.9rem!important;}
.bdw20{border-width: 1.2rem!important;}
/*****************************end**************************/


/*形状相关*/
/*****************************start**************************/
.round{border-radius: 50%;}
.round1{border-radius: 0.1rem;}
.round2{border-radius: 0.2rem;}
.round3{border-radius: 0.3rem;}
.round4{border-radius: 0.4rem;}
.round5{border-radius: 0.5rem;}
.round10{border-radius: 1.0rem;}
.round15{border-radius: 1.5rem;}
.round20{border-radius: 2.0rem;}
.round25{border-radius: 2.5rem;}
.round30{border-radius: 3.0rem;}
.round40{border-radius: 4.0rem;}
.round50{border-radius: 5.0rem;}
.round60{border-radius: 6.0rem;}
.round70{border-radius: 7.0rem;}
/*****************************end**************************/
/*flex相关设置*/
/*****************************start**************************/
.flex{display: flex;}
.flex-r{display: flex;flex-direction: row;}
.flex-c{display: flex;flex-direction: column;}

.flex1{flex: 1;}
.flex2{flex: 2;}
.flex3{flex: 3;}
.flex4{flex: 4;}
.flex5{flex: 5;}
.flex6{flex: 6;}
.flex7{flex: 7;}
.flex8{flex: 8;}
.flex9{flex: 9;}
.flex10{flex: 10;}
.flex11{flex: 11;}
.flex12{flex: 12;}

.flex-start{display: flex;align-items:flex-start;justify-content: flex-start}
.flex-center{display: flex;align-items:center;justify-content: center}
.flex-end{display: flex;align-items:flex-end;justify-content: flex-end}
.flex-fill{display: flex;align-items:stretch;justify-content: stretch}
.flex-wrap{flex-wrap:wrap; justify-content: space-between;}
.flex-nowrap{flex-wrap: nowrap;overflow-x: auto;}

/***常用简化***/
.flcc{display: flex;flex-direction: column;align-items:center;justify-content: center;}
.flrc{display: flex;flex-direction: row;align-items:center;justify-content: center;}

.flex-wrap{flex-wrap:wrap;}

.ez-left{display: flex;flex-direction: column;align-items:flex-start;}
.ez-center{display: flex;flex-direction: column;align-items:center;}
.ez-right{display: flex;flex-direction: column;align-items:flex-end;}

/*****************************end**************************/
/*font字体相关*/

/*font相关设置*/
/*****************************start**************************/
.tar{text-align: right;}
.tal{text-align: left;}
.tac{text-align: center;}
.tam{vertical-align: middle;}

.fs1{font-size: 0.1rem;}
.fs2{font-size: 0.2rem;}
.fs3{font-size: 0.3rem;}
.fs4{font-size: 0.4rem;}
.fs5{font-size: 0.5rem;}
.fs6{font-size: 0.6rem;}
.fs7{font-size: 0.7rem;}
.fs8{font-size: 0.8rem;}
.fs9{font-size: 0.9rem;}
.fs10{font-size: 1rem;}
.fs12{font-size: 1.2rem;}
.fs14{font-size: 1.4rem;}
.fs16{font-size: 1.6rem;}
.fs18{font-size: 1.8rem;}
.fs20{font-size: 2.0rem;}
.fs24{font-size: 2.4rem;}
.fs28{font-size: 2.8rem;}
.fs30{font-size: 3.0rem;}
.fs32{font-size: 3.2rem;}
.fs36{font-size: 3.6rem;}
.fs40{font-size: 2.5rem;}
.fs50{font-size: 5.0rem;}
.fs60{font-size: 6.0rem;}
.fs70{font-size: 7.0rem;}
.fs80{font-size: 8.0rem;}
.fs90{font-size: 9.0rem;}
.fs100{font-size: 10rem;}
.fs150{font-size: 15rem;}
.fs200{font-size: 20rem;}
.fs250{font-size: 25rem;}
.fs300{font-size: 30rem;}
.fs350{font-size: 35rem;}

.lh1{line-height: 1em;}
.lh15{line-height: 1.5em;}
.lh2{line-height: 2em;}

.fwb{font-weight: bold;}
.fwn{font-weight: normal;}

/*****************************end**************************/

/*layout布局相关设置*/

.w1{width: 1%;}
.w2{width: 2%;}
.w3{width: 3%;}
.w4{width: 4%;}
.w5{width: 5%;}
.w6{width: 6%;}
.w7{width: 7%;}
.w8{width: 8%;}
.w9{width: 9%;}
.w10{width: 10%;}
.w20{
    width: 20%;
}
.w25{
    width: 25%;
}
.w30{
    width: 30%;
}
.w35{
    width: 35%;
}
.w40{
    width: 40%;
}
.w45{
    width: 45%;
}
.w50{
    width: 50%;
}
.w55{
    width: 55%;
}
.w60{
    width: 60%;
}
.w65{
    width: 65%;
}
.w70{
    width: 70%;
}
.w75{
    width: 75%;
}
.w80{
    width: 80%;
}
.w90{
    width: 90%;
}
.w100{
    width: 100%;
}
.h100{
    height: 100%;
}


.wh1-1{width: 1vw;height: 1vw;}
.wh2-2{width: 2vw;height: 2vw;}
.wh3-3{width: 3vw;height: 3vw;}
.wh4-4{width: 4vw;height: 4vw;}
.wh5-5{width: 5vw;height: 5vw;}
.wh6-6{width: 6vw;height: 6vw;}
.wh7-7{width: 7vw;height: 7vw;}
.wh8-8{width: 8vw;height: 8vw;}
.wh9-9{width: 9vw;height: 9vw;}
.wh10-10{width: 10vw;height: 10vw;}
.wh15-15{width: 15vw;height: 15vw;}
.wh20-20{width: 20vw;height: 20vw;}
.wh25-25{width: 25vw;height: 25vw;}
.wh30-30{width: 30vw;height: 30vw;}
.wh40-40{width: 40vw;height: 40vw;}
.wh50-50{width: 50vw;height: 50vw;}
.wh60-60{width: 60vw;height: 60vw;}
.wh70-70{width: 70vw;height: 70vw;}
.wh80-80{width: 80vw;height: 80vw;}
.wh90-90{width: 90vw;height: 90vw;}
.wh100-100{width: 100vw;height: 100vw;}
.scrollX{
    overflow-x: scroll ;
}

/*与 scrollX 搭配使用*/
.inlineBlock{
    display: inline-block;
}


/*横向滑动内容*/
.scrollX-Box{
    overflow-x: scroll ;
    word-break: keep-all;
    white-space:  nowrap;
    word-wrap: normal;
}
.scrollX-Item{
    display: inline-block;
}


.noBreak{
    word-break: keep-all;
    white-space:  nowrap;
}
.noWrap{
    word-wrap: normal;
}

.fixed{
    position: fixed;
    z-index: 9999999999
}

.clear{
    clear: both;
    line-height: 0;
    height: 0;
}

/*边距相关*/
/*****************************start**************************/
.pad10{padding: 1rem;}
.pad20{padding: 2rem;}
.pad30{padding: 3rem;}
.pad40{padding: 4rem;}
.pad50{padding: 5rem;}
.pad60{padding: 6rem;}
.pad70{padding: 7rem;}
.pad80{padding: 8rem;}
.pad90{padding: 9rem;}
.pad100{padding: 10rem;}

.mar10{margin: 1rem;}
.mar20{margin: 2rem;}
.mar30{margin: 3rem;}
.mar40{margin: 4rem;}
.mar50{margin: 5rem;}
.mar60{margin: 6rem;}
.mar70{margin: 7rem;}
.mar80{margin: 8rem;}
.mar90{margin: 9rem;}
.mar100{margin: 10rem;}

.padt10{padding-top: 1rem;}
.padt20{padding-top: 2rem;}
.padt30{padding-top: 3rem;}
.padt40{padding-top: 4rem;}
.padt50{padding-top: 5rem;}
.padt60{padding-top: 6rem;}
.padt70{padding-top: 7rem;}
.padt80{padding-top: 8rem;}
.padt90{padding-top: 9rem;}
.padt100{padding-top: 10rem;}

.mart10{margin-top: 1rem;}
.mart20{margin-top: 2rem;}
.mart30{margin-top: 3rem;}
.mart40{margin-top: 4rem;}
.mart50{margin-top: 5rem;}
.mart60{margin-top: 6rem;}
.mart70{margin-top: 7rem;}
.mart80{margin-top: 8rem;}
.mart90{margin-top: 9rem;}
.mart100{margin-top: 10rem;}

.padr10{padding-right: 1rem;}
.padr20{padding-right: 2rem;}
.padr30{padding-right: 3rem;}
.padr40{padding-right: 4rem;}
.padr50{padding-right: 5rem;}
.padr60{padding-right: 6rem;}
.padr70{padding-right: 7rem;}
.padr80{padding-right: 8rem;}
.padr90{padding-right: 9rem;}
.padr100{padding-right: 10rem;}

.marr10{margin-right: 1rem;}
.marr20{margin-right: 2rem;}
.marr30{margin-right: 3rem;}
.marr40{margin-right: 4rem;}
.marr50{margin-right: 5rem;}
.marr60{margin-right: 6rem;}
.marr70{margin-right: 7rem;}
.marr80{margin-right: 8rem;}
.marr90{margin-right: 9rem;}
.marr100{margin-right: 10rem;}

.padb10{padding-bottom: 1rem;}
.padb20{padding-bottom: 2rem;}
.padb30{padding-bottom: 3rem;}
.padb40{padding-bottom: 4rem;}
.padb50{padding-bottom: 5rem;}
.padb60{padding-bottom: 6rem;}
.padb70{padding-bottom: 7rem;}
.padb80{padding-bottom: 8rem;}
.padb90{padding-bottom: 9rem;}
.padb100{padding-bottom: 10rem;}

.marb10{margin-bottom: 1rem;}
.marb20{margin-bottom: 2rem;}
.marb30{margin-bottom: 3rem;}
.marb40{margin-bottom: 4rem;}
.marb50{margin-bottom: 5rem;}
.marb60{margin-bottom: 6rem;}
.marb70{margin-bottom: 7rem;}
.marb80{margin-bottom: 8rem;}
.marb90{margin-bottom: 9rem;}
.marb100{margin-bottom: 10rem;}

.padl10{padding-left: 1rem;}
.padl20{padding-left: 2rem;}
.padl30{padding-left: 3rem;}
.padl40{padding-left: 4rem;}
.padl50{padding-left: 5rem;}
.padl60{padding-left: 6rem;}
.padl70{padding-left: 7rem;}
.padl80{padding-left: 8rem;}
.padl90{padding-left: 9rem;}
.padl100{padding-left: 10rem;}

.marl10{margin-left: 1rem;}
.marl20{margin-left: 2rem;}
.marl30{margin-left: 3rem;}
.marl40{margin-left: 4rem;}
.marl50{margin-left: 5rem;}
.marl60{margin-left: 6rem;}
.marl70{margin-left: 7rem;}
.marl80{margin-left: 8rem;}
.marl90{margin-left: 9rem;}
.marl100{margin-left: 10rem;}
/*****************************end**************************/


/*边距相关--追加*/
/*****************************start**************************/
.pad1{padding: 0.1rem;}
.pad2{padding: 0.2rem;}
.pad3{padding: 0.3rem;}
.pad4{padding: 0.4rem;}
.pad5{padding: 0.5rem;}
.pad6{padding: 0.6rem;}
.pad7{padding: 0.7rem;}
.pad8{padding: 0.8rem;}
.pad9{padding: 0.9em;}

.mar1{margin: 0.1rem;}
.mar2{margin: 0.2rem;}
.mar3{margin: 0.3rem;}
.mar4{margin: 0.4rem;}
.mar5{margin: 0.5rem;}
.mar6{margin: 0.6rem;}
.mar7{margin: 0.7rem;}
.mar8{margin: 0.8rem;}
.mar9{margin: 0.9em;}

.padt1{padding-top: 0.1rem;}
.padt2{padding-top: 0.2rem;}
.padt3{padding-top: 0.3rem;}
.padt4{padding-top: 0.4rem;}
.padt5{padding-top: 0.5rem;}
.padt6{padding-top: 0.6rem;}
.padt7{padding-top: 0.7rem;}
.padt8{padding-top: 0.8rem;}
.padt9{padding-top: 0.9em;}

.mart1{margin-top: 0.1rem;}
.mart2{margin-top: 0.2rem;}
.mart3{margin-top: 0.3rem;}
.mart4{margin-top: 0.4rem;}
.mart5{margin-top: 0.5rem;}
.mart6{margin-top: 0.6rem;}
.mart7{margin-top: 0.7rem;}
.mart8{margin-top: 0.8rem;}
.mart9{margin-top: 0.9em;}

.padr1{padding-right: 0.1rem;}
.padr2{padding-right: 0.2rem;}
.padr3{padding-right: 0.3rem;}
.padr4{padding-right: 0.4rem;}
.padr5{padding-right: 0.5rem;}
.padr6{padding-right: 0.6rem;}
.padr7{padding-right: 0.7rem;}
.padr8{padding-right: 0.8rem;}
.padr9{padding-right: 0.9em;}

.marr1{margin-right: 0.1rem;}
.marr2{margin-right: 0.2rem;}
.marr3{margin-right: 0.3rem;}
.marr4{margin-right: 0.4rem;}
.marr5{margin-right: 0.5rem;}
.marr6{margin-right: 0.6rem;}
.marr7{margin-right: 0.7rem;}
.marr8{margin-right: 0.8rem;}
.marr9{margin-right: 0.9em;}

.padb1{padding-bottom: 0.1rem;}
.padb2{padding-bottom: 0.2rem;}
.padb3{padding-bottom: 0.3rem;}
.padb4{padding-bottom: 0.4rem;}
.padb5{padding-bottom: 0.5rem;}
.padb6{padding-bottom: 0.6rem;}
.padb7{padding-bottom: 0.7rem;}
.padb8{padding-bottom: 0.8rem;}
.padb9{padding-bottom: 0.9em;}

.marb1{margin-bottom: 0.1rem;}
.marb2{margin-bottom: 0.2rem;}
.marb3{margin-bottom: 0.3rem;}
.marb4{margin-bottom: 0.4rem;}
.marb5{margin-bottom: 0.5rem;}
.marb6{margin-bottom: 0.6rem;}
.marb7{margin-bottom: 0.7rem;}
.marb8{margin-bottom: 0.8rem;}
.marb9{margin-bottom: 0.9em;}

.padl1{padding-left: 0.1rem;}
.padl2{padding-left: 0.2rem;}
.padl3{padding-left: 0.3rem;}
.padl4{padding-left: 0.4rem;}
.padl5{padding-left: 0.5rem;}
.padl6{padding-left: 0.6rem;}
.padl7{padding-left: 0.7rem;}
.padl8{padding-left: 0.8rem;}
.padl9{padding-left: 0.9em;}

.marl1{margin-left: 0.1rem;}
.marl2{margin-left: 0.2rem;}
.marl3{margin-left: 0.3rem;}
.marl4{margin-left: 0.4rem;}
.marl5{margin-left: 0.5rem;}
.marl6{margin-left: 0.6rem;}
.marl7{margin-left: 0.7rem;}
.marl8{margin-left: 0.8rem;}
.marl9{margin-left: 0.9em;}



/*两个边*/

.padtb1{padding-top: 0.1rem;padding-bottom: 0.1rem;}
.padtb2{padding-top: 0.2rem;padding-bottom: 0.2rem;}
.padtb3{padding-top: 0.3rem;padding-bottom: 0.3rem;}
.padtb4{padding-top: 0.4rem;padding-bottom: 0.4rem;}
.padtb5{padding-top: 0.5rem;padding-bottom: 0.5rem;}
.padtb6{padding-top: 0.6rem;padding-bottom: 0.6rem;}
.padtb7{padding-top: 0.7rem;padding-bottom: 0.7rem;}
.padtb8{padding-top: 0.8rem;padding-bottom: 0.8rem;}
.padtb9{padding-top: 0.9rem;padding-bottom: 0.9rem;}


.padlr1{padding-left: 0.1rem;padding-right: 0.1rem;}
.padlr2{padding-left: 0.2rem;padding-right: 0.2rem;}
.padlr3{padding-left: 0.3rem;padding-right: 0.3rem;}
.padlr4{padding-left: 0.4rem;padding-right: 0.4rem;}
.padlr5{padding-left: 0.5rem;padding-right: 0.5rem;}
.padlr6{padding-left: 0.6rem;padding-right: 0.6rem;}
.padlr7{padding-left: 0.7rem;padding-right: 0.7rem;}
.padlr8{padding-left: 0.8rem;padding-right: 0.8rem;}
.padlr9{padding-left: 0.9rem;padding-right: 0.9rem;}





.martb1{margin-top: 0.1rem;margin-bottom: 0.1rem;}
.martb2{margin-top: 0.2rem;margin-bottom: 0.2rem;}
.martb3{margin-top: 0.3rem;margin-bottom: 0.3rem;}
.martb4{margin-top: 0.4rem;margin-bottom: 0.4rem;}
.martb5{margin-top: 0.5rem;margin-bottom: 0.5rem;}
.martb6{margin-top: 0.6rem;margin-bottom: 0.6rem;}
.martb7{margin-top: 0.7rem;margin-bottom: 0.7rem;}
.martb8{margin-top: 0.8rem;margin-bottom: 0.8rem;}
.martb9{margin-top: 0.9rem;margin-bottom: 0.9rem;}



.marlr1{margin-left: 0.1rem;margin-right: 0.1rem;}
.marlr2{margin-left: 0.2rem;margin-right: 0.2rem;}
.marlr3{margin-left: 0.3rem;margin-right: 0.3rem;}
.marlr4{margin-left: 0.4rem;margin-right: 0.4rem;}
.marlr5{margin-left: 0.5rem;margin-right: 0.5rem;}
.marlr6{margin-left: 0.6rem;margin-right: 0.6rem;}
.marlr7{margin-left: 0.7rem;margin-right: 0.7rem;}
.marlr8{margin-left: 0.8rem;margin-right: 0.8rem;}
.marlr9{margin-left: 0.9rem;margin-right: 0.9rem;}


/*****************************end**************************/



/*layout布局相关设置*/

.pos-r{
    position: relative;
}

.pos-a{
    position: absolute;
}

.pos-f{
    position: fixed;
    z-index: 999;
}


/*边距相关*/
/*****************************start**************************/
.t10{top: 1rem;}
.t20{top: 2rem;}
.t30{top: 3rem;}
.t40{top: 4rem;}
.t50{top: 5rem;}
.t60{top: 6rem;}
.t70{top: 7rem;}
.t80{top: 8rem;}
.t90{top: 9rem;}
.t100{top: 10rem;}

.r10{right: 1rem;}
.r20{right: 2rem;}
.r30{right: 3rem;}
.r40{right: 4rem;}
.r50{right: 5rem;}
.r60{right: 6rem;}
.r70{right: 7rem;}
.r80{right: 8rem;}
.r90{right: 9rem;}
.r100{right: 10rem;}

.b10{bottom: 1rem;}
.b20{bottom: 2rem;}
.b30{bottom: 3rem;}
.b40{bottom: 4rem;}
.b50{bottom: 5rem;}
.b60{bottom: 6rem;}
.b70{bottom: 7rem;}
.b80{bottom: 8rem;}
.b90{bottom: 9rem;}
.b100{bottom: 10rem;}


.l10{left: 1rem;}
.l20{left: 2rem;}
.l30{left: 3rem;}
.l40{left: 4rem;}
.l50{left: 5rem;}
.l60{left: 6rem;}
.l70{left: 7rem;}
.l80{left: 8rem;}
.l90{left: 9rem;}
.l100{left: 10rem;}

/*****************************end**************************/


/*边距相关--追加*/
/*****************************start**************************/

.t0{  top:0;  }
.b0{  bottom:0;  }
.l0{  left:0;  }
.r0{  right:0;  }

.t1{top: 0.1rem;}
.t2{top: 0.2rem;}
.t3{top: 0.3rem;}
.t4{top: 0.4rem;}
.t5{top: 0.5rem;}
.t6{top: 0.6rem;}
.t7{top: 0.7rem;}
.t8{top: 0.8rem;}
.t9{top: 0.9em;}

.r1{right: 0.1rem;}
.r2{right: 0.2rem;}
.r3{right: 0.3rem;}
.r4{right: 0.4rem;}
.r5{right: 0.5rem;}
.r6{right: 0.6rem;}
.r7{right: 0.7rem;}
.r8{right: 0.8rem;}
.r9{right: 0.9em;}

.b1{bottom: 0.1rem;}
.b2{bottom: 0.2rem;}
.b3{bottom: 0.3rem;}
.b4{bottom: 0.4rem;}
.b5{bottom: 0.5rem;}
.b6{bottom: 0.6rem;}
.b7{bottom: 0.7rem;}
.b8{bottom: 0.8rem;}
.b9{bottom: 0.9em;}

.l1{left: 0.1rem;}
.l2{left: 0.2rem;}
.l3{left: 0.3rem;}
.l4{left: 0.4rem;}
.l5{left: 0.5rem;}
.l6{left: 0.6rem;}
.l7{left: 0.7rem;}
.l8{left: 0.8rem;}
.l9{left: 0.9em;}

.t-1{top: -0.1rem;}
.t-2{top: -0.2rem;}
.t-3{top: -0.3rem;}
.t-4{top: -0.4rem;}
.t-5{top: -0.5rem;}
.t-6{top: -0.6rem;}
.t-7{top: -0.7rem;}
.t-8{top: -0.8rem;}
.t-9{top: -0.9em;}

.r-1{right: -0.1rem;}
.r-2{right: -0.2rem;}
.r-3{right: -0.3rem;}
.r-4{right: -0.4rem;}
.r-5{right: -0.5rem;}
.r-6{right: -0.6rem;}
.r-7{right: -0.7rem;}
.r-8{right: -0.8rem;}
.r-9{right: -0.9em;}

.b-1{bottom: -0.1rem;}
.b-2{bottom: -0.2rem;}
.b-3{bottom: -0.3rem;}
.b-4{bottom: -0.4rem;}
.b-5{bottom: -0.5rem;}
.b-6{bottom: -0.6rem;}
.b-7{bottom: -0.7rem;}
.b-8{bottom: -0.8rem;}
.b-9{bottom: -0.9em;}

.l-1{left: -0.1rem;}
.l-2{left: -0.2rem;}
.l-3{left: -0.3rem;}
.l-4{left: -0.4rem;}
.l-5{left: -0.5rem;}
.l-6{left: -0.6rem;}
.l-7{left: -0.7rem;}
.l-8{left: -0.8rem;}
.l-9{left: -0.9em;}
/*****************************end**************************/

.ofh{
    overflow: hidden;
}

.ofe{
    overflow: hidden;
    text-overflow:  ellipsis;
    word-break: break-all;
    white-space:  nowrap;
}